<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>供应详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../../component/elementUI/index.css">
    <link rel="stylesheet" href="../../../component/pear/css/pear.css" />
    <link rel="stylesheet" href="../../../style/wangeditor.css">
    <link rel="stylesheet" href="../../../style/free.css">
    <style>
        .text {
		    line-height: 70rem;
	    }
	
	    .text+ .text {
		    margin-left: 20rem;
	    }
	
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <el-row style="padding-bottom: 140rem;">
            <!-- 对方企业 -->
            <el-col :xs="24" class="mt-2">
                <div class="mx-2 bg-white rounded-lg">
                    <div class="flex justify-between align-center py-2 border-bottom">
                        <span class="font font-weight-bold ml-2">供应商信息</span>
                    </div>
                    <div class="py-2 flex align-center justify-center">
                        <div style="width: 150rem;height: 150rem;" class="ml-2 flex-shrink overflow-hidden rounded-lg flex align-center border border-success">
                            <el-image v-if="formData.Supply_Unit_Price_SerialNumber" class="w-100" :src="imageApi + formData.Enterprise_Logo" fit="contain">
                                <div slot="error" class="bg-light flex justify-center align-center" style="width: 150rem;height: 150rem;">
                                    <i class=" el-icon-picture text-muted" style="font-size: 120rem;"></i>
                                </div>
                            </el-image>
                        </div>
                        <div class="w-100 mx-2 flex flex-column justify-around">
                            <div class="font font-weight-bold w-100" style="line-height: 50rem;">
                                <span class="font text-dark">{{ formData.Enterprise_Name || ''}}</span>
                            </div>
                            <div class="font w-100 font-weight-bold" style="line-height: 50rem;">
                                <span class="font  text-dark">联系人：{{ formData.Contacts  || '' }}</span>
                            </div>
                            <div class="font w-100 font-weight-bold" style="line-height: 50rem;">
                                <span class="font text-dark">联系电话：{{ formData.Contacts_Phone  || '' }}</span>
                            </div>
                            <!-- <div class="font w-100" style="line-height: 50rem;">
                                <span class="font-sm text-muted">{{ formData.Enterprise_Info_SerialNumber  || '' }}</span>
                            </div> -->
                        </div>
                    </div>
                </div>
            </el-col>
            <!-- 供应商品信息 -->
            <el-col :xs="24" class="mt-2">
                <div class="mx-2 bg-white rounded-lg">
                    <div class="flex justify-between align-center py-2 border-bottom">
                        <span class="font font-weight-bold ml-2">供应信息</span>
                    </div>
                    <div class="py-2 mx-2">
                        <div class="flex justify-between">
                            <div class="flex font w-100 text" style="line-height: 50rem;">
                                <span class="flex-shrink font-weight-bold">供应商品：</span>
                                <span >{{ formData.Article_Name || '' }}</span>
                            </div>
                        </div>
                        <div class="flex justify-between">
                            <div class="font text-ellipsis w-100 text">
                                <span class="font-weight-bold">供应总量：</span>
                                <span>{{ formData.Total_Quantity || ''}}</span>
                            </div>
                            <div class="font text-ellipsis w-100 text">
                                <span class="font-weight-bold">已售量：</span>
                                <span>{{ formData.Sales_Quantity || '' }}</span>
                            </div>
                        </div>
                        <div class="flex justify-between">
                            <div class="font text-ellipsis w-100 text">
                                <span class="font-weight-bold">剩余量：</span>
                                <span>{{ formData.Remain_Quantity || '' }}</span>
                            </div>
                            <div class="font text-ellipsis w-100 text">
                                <span class="font-weight-bold">单价：</span>
                                <span>{{ formData.Unit_Price || '' }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </el-col>
            
            <!-- 交易信息 -->
            <el-col :xs="24" class="mt-2">
                <div class="mx-2 bg-white rounded-lg">
                    <div class="flex justify-between align-center py-2 border-bottom">
                        <span class="font font-weight-bold ml-2">交易规则</span>
                    </div>
                    <div class="py-2 mx-2">
                        <div class="flex justify-between">
                            <div class="font text-ellipsis w-100 text">
                                <span class="font-weight-bold">最低购买量：</span>
                                <span>{{ formData.Start_Quantity || ''}}</span>
                            </div>
                            <div class="font text-ellipsis w-100 text">
                                <span class="font-weight-bold">步长：</span>
                                <span>{{ formData.Unit_Quantity || '' }}</span>
                            </div>
                        </div>
                        <div class="flex justify-between">
                            <div class="font w-100 text">
                                <span class="flex-shrink font-weight-bold">可选付款类型：</span>
                                <span>{{ formData.Trading || '' }}</span>
                            </div>
                        </div>
                        <div class="flex justify-between">
                            <div class="font w-100 text">
                                <span class="flex-shrink font-weight-bold">可选支付方式：</span>
                                <span>{{ formData.Payment_Method || '' }}</span>
                            </div>
                        </div>
                        <div class="flex justify-between">
                            <div class="font w-100 text">
                                <span class="flex-shrink font-weight-bold">可选装运方式：</span>
                                <span>{{ formData.Shipment_Method || '' }}</span>
                            </div>
                        </div>
                        <div class="flex justify-between">
                            <div class="font w-100 text">
                                <span class="flex-shrink font-weight-bold">可选运输方式：</span>
                                <span>{{ formData.Transport_Method || '' }}</span>
                            </div>
                        </div>
                        <div class="flex justify-between">
                            <div class="font w-100 text">
                                <span class="flex-shrink font-weight-bold">发货地址：</span>
                                <span>{{ formData.Address || '' }}</span>
                            </div>
                        </div>
                        <div class="flex justify-between">
                            <div class="font w-100 text">
                                <span class="flex-shrink font-weight-bold">补贴条款：</span>
                                <span>{{ formData.Supplementary_Provisions || '暂无' }}</span>
                            </div>
                        </div>
                        <div class="flex justify-between">
                            <div class="font w-100 text">
                                <span class="flex-shrink font-weight-bold">补充说明：</span>
                                <span>{{ formData.Supplementary_Explanation || '暂无' }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </el-col>
            <el-col :xs="24">
                <div class="flex align-center bg-white fixed-bottom shadow" style="height: 120rem;">
                    <div @click="handleAdd" class="mx-2 bg-success w-100 flex justify-center align-center text-white rounded-circle "  style="height: 80rem;">
                        <span class="font font-weight-bold"> {{formData.Enterprise_Info_SerialNumber == getCookie('enterprise') ? '本企发布' : '申请交易'}} </span>
                    </div>
                </div>
            </el-col>
        </el-row>
    </div>
    <script type="text/javascript" src="../../../utils/wangeditor.js"></script>
    <script type="text/javascript" src="../../../utils/xlsx.full.min.js"></script>
    <script type="text/javascript" src="../../../utils/jquery.min.js"></script>
    <script type="text/javascript" src="../../../utils/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../../utils/vue.min.js"></script>
    <script type="text/javascript" src="../../../utils/vuex.min.js"></script>
    <script type="text/javascript" src="../../../component/elementUI/index.js"></script>
    <script type="text/javascript" src="../../../utils/jweixin.js"></script>
    <script type="text/javascript" src="../../../utils/components.js"></script>
    <script type="text/javascript" src="../../../utils/compressor.js"></script>
    <script type="text/javascript" src="../../../utils/validity.js"></script>
    <script type="text/javascript" src="../../../utils/utils.js"></script>
    <script type="text/javascript" src="../../../utils/http.js"></script>
    <script type="text/javascript" src="js/supply-detail.js"></script>
</body>

</html>